.tutorship__item,
.mistake__item {
  padding: 0 20px;
  margin: 15px 0;
  border-radius: 10px;
  background: #FAFAFA;
}
.tutorship__item__ft {
  @include clearfix();
  font-size: 12px;
  padding: 10px 0;
  border-top: 1px solid #ececec;
  .btns {
    float: left;
    .btn {
      font-size: 12px;
      margin-right: 10px;
    }
  }
  .desc {
    float: right;
    span {
      margin-left: 10px;
      color: #999;
    }
  }
}
.tutorship__item__hd,
.mistake__item__hd {
  @include clearfix();
  padding: 8px 0;
  border-bottom: 1px solid #ececec;
  font-size: 12px;
  color: #A5A5A5;
  .btns {
    .btn {
      width: 80px;
      margin-left: 24px;
      font-size: 12px;
      vertical-align: baseline;
    }
  }
  .title {
    float: left;
    line-height: 28px;
  }
  .controls {
    float: right;
    .desc,
    .btns {
      display: inline-block;
    }
    .desc {
      span {
        margin-left: 10px;
      }
    }
  }
}
.mistake__item__hd {
  .title {
    color: #000;
    font-weight: bold;
  }
}
.mistake__item__tag {
  margin-bottom: 20px;
  color: #aeaeae;
  font-size: 12px;
  font-weight: normal;
}
.topic__card__bd,
.tutorship__item__bd,
.mistake__item__bd,
.homework__detail__item__bd {
  padding: 20px 0;
  font-size: 14px;
  font-weight: bold;
  h5 {
    font-weight: bold;
    font-size: 14px;
  }
  ol {
    @include clearfix();
    padding: 0;
    margin: 0;
    margin-top: 15px;
    li {
      float: left;
      width: 100px;
      list-style-position: inside;
    }
  }
}
.note__card__list {
  padding: 20px 24px;
  background: #fafafa;
  border-radius: 10px;
}
.note__card__content {
  font-size: 12px;
  .ts {
    float: right;
    margin-left: 72px;
  }
}
.teacher {
  .note__card {
    h5 {
      color: $teacherMainColor;
    }
  }
}
.note__card {
  margin-bottom: 35px;
  &:last-child {
    margin-bottom: 0;
  }
  h5 {
    margin-bottom: 6px;
    font-size: 14px;
    color: $mainColor;
    font-weight: bold;
  }
}